<template>
  <!-- 押金管理 -->
  <div class="app-page">
    <el-tabs v-model="activeTabName" type="card" @tab-click="handleClickTab">
      <el-tab-pane label="正常单据" name="normalstomer">
        <normal-receipts-tab />
      </el-tab-pane>
      <el-tab-pane label="已作废" name="alreadystomer">
        <already-invalid-tab />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
  import AlreadyInvalidTab from './components/AlreadyInvalid'
  import NormalReceiptsTab from './components/NormalReceiptsTab'
  export default {
    name: 'depositManage',
    components: {
      AlreadyInvalidTab,
      NormalReceiptsTab
    },
    data() {
      return {
        activeTabName: 'normalstomer'
      }
    },
    methods: {
      handleClickTab(tab) {

      }
    }
  }
</script>

<style lang="scss" scoped>

</style>
